@charset "UTF-8";

/* Basis-CSS
/  Version: 0.5
/  Author: Patrick Weil
/  Author URI: http://www.webpages.de
*/


@media all { 

    *{margin:0;padding:0}
    option{padding-left:.4em}
    * html body *{overflow:visible}
    * html iframe,* html frame{overflow:auto}
    * html frameset{overflow:hidden}
    html{height:100%;margin-bottom:1px}
    body{font-size:100.01%;color:#000;background:#fff;text-align:left}
    fieldset,img{border:0 solid}
    dt{font-weight:700}
    dd{margin:0 0 1em 2em}
    blockquote {margin:0 0 1em 1.5em}
    #header { position:relative; }
    #topnav { }
    #header #topnav { position:absolute; right: 0; }
    #header, #main, #footer { clear:both; }
    #col1 { float:left;}
    #col2 { float:right;}
    #col3 { width:auto;margin:0 200px}
    #col1_content, #col2_content, #col3_content { position:relative; }
    .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
    .clearfix{display:block}
    .floatbox{overflow:hidden}
    #ie_clearing{display:none}
    .print{position:absolute;top:-1000em;left:-1000em;height:1px;width:1px}

    /* Clearing */
    .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    .clearfix { display: block; }
    .floatbox { overflow:hidden; }
    #ie_clearing { display: none; }

    .print { position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px; }

}

@media screen { 

	/* Layout der Seite */
	body { background: #000; text-align: center; font-family: 'Asap', sans-serif; /*font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;*/ color: #a0a0a0; }
		#page_margins { text-align:left; margin: 0 auto; /*width:94%;*/width: 978px;/*/* max-width: 1280px;*/  background: #000; }
			#page{ /* Rahmen (padding) */ }
            input{font-family: 'Asap', sans-serif;}
  /* Gestaltung der Hauptelemente des Layouts */
  #header {  }
  #topnav {  }

  #main { /* Hintergrund, Abst�nde oben/unten */ }

  #footer {  }
  
  /**
   * Neupositionierung der Content Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * |  #col1     |   #col2     | #col3   |
   * |  width:x; |  width: x; | flexible |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */
	
	/* #co11 wird zur linken Spalte */
  #col1 { position:relative;margin: 8px 8px 0 0; width: 652px;height: 618px; }
  #col1_content { padding: 5px;background-color: #01333b;}
  #col1_content .scrollContent {height: 582px; padding: 0; margin: 5px 0 0;}
    #col1_content .noSrollContent {height: 603px; padding: 0; margin: 5px 0 0;}

  /* #col2 wird zur mittleren Spalte */
  #col2 {background-color: #01333b; margin: 8px 0 0 0; width: 318px;height: 618px;  float:left;}

  #col2_content { padding: 5px; }
  #col2_content .scrollContent {/*height: 579px;*/ height: 548px;padding: 0; margin: 5px 0 0;}

  #col1_PlayCutcontent {width: 649px; height: 618px; }
   #col1_PlayCutcontent .col1_innerContent{padding: 5px; background-color: #01333b;}


 }

